<template>
  <div>
    <div
      class="banner-box flex-center bg-[url('~/assets/images/solution/lift_banner.png')] bg-base-image"
    >
      <div class="banner-con">
        <h1 class="banner-main-title">升降机监控系统</h1>
        <p class="banner-text xl:w-[37vw] mt-10">
          联筑达·智慧工地升降机监控系统，是集精密测量、自动控制、无线网络传输等多种技术于一体的电子监测系统，产品由主机及各种传感器组成。<br/>
          系统可对建筑机械进行远程管理和控制，实现驾驶员身份认证（人脸、指纹双识别）、门锁状态监测、载重监测及预警、轿厢倾斜度监测及预警、高度限位监测及预警、防冲顶监测及预警、制动及远程监控等功能。
        </p>
      </div>
    </div>

    <div class="pt-[70px] pb-20">
      <div class="module-con">
        <h2 class="module-title">系统功能</h2>
        <div class="flex flex-wrap mt-10 justify-around">
          <div
            v-for="(item, ind) in traitList"
            :key="ind"
            class="w-[285px] h-[360px] mb-6 relative text-center rounded-sm border pb-4 pt-9 px-9 border-[#EDF4FB] border-t-2 border-t-[#0099FF]"
          >
            <img
              class="inline-block"
              :src="
                require(`../../assets/images/solution/lift_0${ind + 1}.png`)
              "
            />
            <div class="text-[#222] mt-[15px]">{{ item.name }}</div>
            <p class="mt-[18px] text-[#828282] text-sm leading-6">
              {{ item.content }}
            </p>
          </div>
        </div>

        <h2 class="module-title">硬件产品</h2>
        <div
          class="mt-8 md:p-10 flex-center flex-col lg:flex-row md:bg-[url('~/assets/images/solution/lift_product_banner.png')] bg-image-base"
        >
          <div
            class="bg-gradient-to-t mt-5 order-4 lg:order-1 from-[#F8FEFF] to-[#FFFFFF] p-8 w-full flex-1 shadow"
          >
            <div class="text-[#444] bg-[#E4EFFF] w-fit">
              施工升降机安全保护系统
            </div>
            <div class="leading-7 py-4 text-sm text-[#828282]">
              <p class="text-[#222]">1.主机</p>
              <div class="flex">
                <p class="flex-1">起重重量：≤30t</p>
                <p>工作温度：-20°至+60°</p>
              </div>
              <div class="flex">
                <p class="flex-1">工作电压：AC 160-260v</p>
                <p>综合精度误差：≤5%</p>
              </div>
              <p>数据存储：≥90个工作日</p>
            </div>
            <div
              class="leading-7 py-4 text-sm text-[#828282] border-t border-[#b7b7b7]"
            >
              <p class="text-[#222]">2.刷脸或刷卡模块,刷脸模块要求如下:</p>
              <div class="flex">
                <p class="flex-1">用户容量：500 人</p>
                <p>记录容量：10 万条</p>
              </div>
              <div class="flex">
                <p class="flex-1">摄像头：专用双摄像头</p>
                <p>验证速度：&lt; 1 秒</p>
              </div>
              <div class="flex">
                <p class="flex-1">LCD：240*320 分辨率</p>
                <p>TTS：语音合成报中文姓名</p>
              </div>
            </div>
            <div
              class="leading-7 py-4 text-sm text-[#828282] border-t border-[#b7b7b7]"
            >
              <div class="flex">
                <p class="flex-1">通信方式：单机型;网络型</p>
                <p>电源：DC 12V ,工作电流 1A</p>
              </div>
              <div class="flex">
                <p class="flex-1">环境光线：0-20000Lux</p>
                <p>使用距离：30-80cm</p>
              </div>
              <div class="flex">
                <p class="flex-1">使用温度：0℃－45℃</p>
                <p>使用湿度：20% - 80%</p>
              </div>
            </div>
          </div>
          <img
            class="w-[59.5%] ml-8 order-2"
            src="../../assets/images/solution/lift_product.png"
          />
        </div>
      </div>
    </div>

    <div class="pt-[84px] pb-16 bg-[#FBFBFB]">
      <div class="module-con">
        <h2 class="module-title">应用效果</h2>
        <div class="flex flex-wrap mt-10 justify-between">
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/lift_effect_01.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/lift_effect_02.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/lift_effect_03.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/lift_effect_04.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/lift_effect_05.png"
            />
          </div>
          <div class="effect-item">
            <img
              class="w-full h-full"
              src="../../assets/images/solution/lift_effect_06.png"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      traitList: [
        {
          name: '驾驶员管理',
          content:
            '通过精准的生物识别技术，结合物联传感设备，预置起重机械操作人员信息，现场智能比对，现场照片抓拍，有效解决施工现场非法人员操控升降机等常态化难题，保障安全。',
        },
        {
          name: '多限位监测',
          content:
            '实时监测重量、速度、高度（冲顶、墩底）、人数、门锁状态等多项限位参数，到达限位提前预警。',
        },
        {
          name: '黑匣子记录',
          content:
            '实时将施工升降机运行全过程数据传输并留存至升降机黑匣子上，实现数据事后留痕可溯可查，事前安全可看可防。',
        },
        {
          name: '设备维保记录',
          content:
            '通过联合智为智慧工地政府监管平台PC端和小程序，可以实时监控各项运行数据，实时监测。所有监测数据上传至平台，让数据看得见。',
        },
      ],
    }
  },
  head: {
    title: '升降机监控系统-联合智为',
    meta: [
      {
        hid: 'index-keywords',
        name: 'keywords',
        content: '升降机监控系统',
      },
      {
        hid: 'index-desc',
        name: 'description',
        content:
          '联筑达·智慧工地升降机监控系统，是集精密测量、自动控制、无线网络传输等多种技术于一体的电子监测系统，产品由主机及各种传感器组成。 系统可对建筑机械进行远程管理和控制，实现驾驶员身份认证（人脸、指纹双识别）、门锁状态监测、载重监测及预警、轿厢倾斜度监测及预警、高度限位监测及预警、防冲顶监测及预警、制动及远程监控等功能。',
      },
    ],
  },
}
</script>

<style scoped>
.effect-item {
  width: 32%;
  @apply mb-6;
}
</style>
